<template>
	<view>

		<uni-forms ref="form" :model="user" :rules="rules">
			<uni-forms-item name="telephone">
				<uni-easyinput v-model="user.telephone" placeholder="请输入用户名" />
			</uni-forms-item>

			<uni-forms-item name="password">
				<uni-easyinput v-model="user.password" type="password" placeholder="请输入密码" />
			</uni-forms-item>

		</uni-forms>
		<button @click="login" type="primary">登录</button>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {
				user: {
					telephone: '666',
					password: '666'
				},
				// 校验规则：
				rules: {

					username: {
						rules: [{
							required: true,
							errorMessage: '请填写姓名',
						}]
					},

					password: {
						rules: [{
								minLength: 3,
								maxLength: 6,
								errorMessage: '密码长度在{minLength} 到 {maxLength} 个字符'
							},
							{
								required: true,
								errorMessage: '请填写密码',
							}
						]
					}
				}
			}

		},
		methods: {

			login(e) {
				
				this.$httprequest({
					url: 'http://localhost:8090/foodapp/user/login',
					method: 'post',
					data: this.user
				})
				.then( res => {
						// 网络访问成功，并且telephone和psw正确：
						console.log(res.data);
						if(res.data.success === true){
							uni.showToast({
								title: '登录成功',
								icon:"success"
							})
							uni.setStorageSync('userinfo',res.data.data)
							uni.switchTab({
								url:'../my/my'
							})
							
						}else{
						uni.showToast({
							title: '用户名或密码错误',
							icon:'error'
						});
						}
					})
				.catch((err)=>{
					console.log(err);
				}
				)
				
				
				// uni.request({
				// 	url: 'http://localhost:8090/foodapp/user/login',
				// 	method: 'post',
				// 	data: this.user,
				// 	success: res => {
				// 		// 网络访问成功，并且telephone和psw正确：
				// 		// console.log(res);
				// 		if(res.data.success === true){
				// 			uni.showToast({
				// 				title: res.data.data.username,
				// 				icon:"success"
				// 			});
							
				// 			// 保存用户信息到本地存储：
				// 			//  同步：setStorage
				// 			uni.setStorageSync('userinfo',res.data.data)
				// 			// 切换到 个人中心页面：因为my是tabbar，所以需要使用switchtab
				// 			uni.switchTab({
				// 				url:'../my/my'
				// 			})
							
				// 		}else{
				// 		// 网络访问成功，并且telephone和psw不正确：
				// 		uni.showToast({
				// 			title: '用户名或密码错误',
				// 			icon:'error'
				// 		});
				// 		}
				// 	},
				// 	fail: (err) => {
				// 		uni.showToast({
				// 			title: '网络错误',
				// 			icon:'error'
				// 		});
				// 	},
				// 	complete: () => {}
				// });
				
				// this.$refs.form.validate()
				// 	.then((e) => {
				// 		console.log('校验通过');
				// 	})
				// 	.catch((e) => {
				// 		console.log('校验失败');
				// 	})
				// uni.showToast({
				// 	title: this.user.username + '登录成功'
				// })

			}

		}
	}
</script>

<style>

</style>